$(function () {
    // 1. 初始化日期选择框
    // 2. 初始化富文本编辑器
    // 3. 初始化页面上文章分类数据
    // 4. 发表文章
    // 5. 文章封面照片选择后回显

    // 业务1. 初始化日期选择框
    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //执行一个laydate实例（日期实例）
        laydate.render({
            elem: '#layerData' //指定元素
        });
    });

    // 2. 初始化富文本编辑器
    tinymce.init({
        selector: '#content',  // 匹配页面中的 textarea 选择器
        language: 'zh_CN',     // 显示中文界面，注意大小写
    })

    // 3. 初始化页面上文章分类数据
    $.ajax({
        type: 'get',
        url: '/admin/category/list',
        success: function (backData) {
            console.log(backData);
            let htmlStr = template('leibie', backData)
            // console.log(htmlStr);
            $('.category').html(htmlStr)
        }
    })

    // 4. 发表文章
    // 4.1 自动获取带name属性的值
    $('.btn-release, .btn-draft').on('click', function (e) {
        e.preventDefault()
        let fd = new FormData(document.querySelector('#form'))
        // 获取富文本框中的内容（这个中括号里面的是id，这个id是html结构里面的id，要对应才能使用）
        let content = tinyMCE.editors['content'].getContent()
        // 把这个content变量追加到fd表单中
        fd.append('content', content)
        
        // 判断用户点击的到底是发布按钮，还是草稿按钮
        let state = $(this).text().trim()
        if (state == '发布') {
            fd.append('state', '已发布')
        } else {
            fd.append('state', '')
        }
        // 打印看看fd表单获取到了什么
        fd.forEach(function (name, value) {
            console.log({ name, value });
        })

        $.ajax({
            type: 'post',
            url: '/admin/article/publish',
            data: fd,
            contentType: false,
            processData: false,
            success: function (backData) {
                // console.log(backData);
                layer.msg(backData.msg)
                if(backData.code == 200){
                    setTimeout(function(){
                        window.location.href = './article_list.html'
                    },1500)
                }
            }
        })
    })

    // 5. 文章封面照片选择后回显
    $('#inputCover').on('change',function(){
        let flis = this.files[0]
        let url = URL.createObjectURL(flis)
        $('.article_cover').attr('src',url)
    })
})